<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<title>Settings</title>

	<script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base']"></script>
	<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>

	<script type="text/javascript">
		require([
			"dojox/mobile/parser",
			"dojox/mobile",
			"dojox/mobile/compat"
		]);
	</script>
</head>
<body style="visibility:hidden;">
	<div id="settings" data-dojo-type="dojox.mobile.View">
		<h1 data-dojo-type="dojox.mobile.Heading">Settings</h1>
		<ul data-dojo-type="dojox.mobile.RoundRectList" data-dojo-props='iconBase:"images/i-icon-all.png"'>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,0,29,29"'>
				Airplane Mode
				<div data-dojo-type="dojox.mobile.Switch"></div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,29,29,29", rightText:"mac", href:"test_IconContainer.html"'>
				Wi-Fi
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,58,29,29", rightText:"AcmePhone", moveTo:"general"'>
				Carrier
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList" data-dojo-props='iconBase:"images/i-icon-all.png"'>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,87,29,29", moveTo:"general"'>
				Sounds
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,116,29,29", moveTo:"general"'>
				Brightness
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"29,0,29,29", moveTo:"general"'>
				Wallpaper
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList" data-dojo-props='iconBase:"images/i-icon-all.png"'>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"29,29,29,29", moveTo:"general"'>
				General
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"29,58,29,29", moveTo:"general"'>
				Mail, Contacts, Calendars
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"29,87,29,29", moveTo:"general"'>
				Phone
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"29,116,29,29", moveTo:"general"'>
				Safari
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,0,29,29", moveTo:"general"'>
				SMS/MMS
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,29,29,29", moveTo:"general"'>
				iPod
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,58,29,29", moveTo:"general"'>
				Photos
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='iconPos:"0,87,29,29", moveTo:"general"'>
				Store
			</li>
		</ul>
	</div>

	<div id="general" data-dojo-type="dojox.mobile.View">
		<h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='back:"Settings", moveTo:"settings"'>General</h1>
		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				About
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"2h 40m", moveTo:"about"'>
				Usage
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Network
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"Off", moveTo:"about"'>
				Bluetooth
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Location Services
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"1 Minute", moveTo:"about"'>
				Auto-Lock
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"Off", moveTo:"about"'>
				Passcode Lock
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"Off", moveTo:"about"'>
				Restrictions
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Home
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Date & Time					   
			</li>							   
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Keyboard					   
			</li>							   
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				International				   
			</li>							   
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Accessibility
			</li>
		</ul>

		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='moveTo:"about"'>
				Reset
			</li>
		</ul>
	</div>

	<div id="about" data-dojo-type="dojox.mobile.View">
		<h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='back:"General", moveTo:"general"'>About</h1>
		<h2 data-dojo-type="dojox.mobile.RoundRectCategory">Generic Mobile Device</h2>
		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'>
				Network											   
			</li>												   
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'>
				Line
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"1024"'>
				Songs
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"10"'>
				Videos
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"96"'>
				Photos
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"2"'>
				Applications
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"29.3 BG"'>
				Capacity
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"28.0 BG"'>
				Available
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"3.0 (7A341)"'>
				Version
			</li>
		</ul>
	</div>
</body>
</html>
